<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
       
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/dest/css/reset.css">
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/dest/css/global.css">
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/dest/css/home.css">
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/dest/css/zdialog.css">
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/dest/css/swiper.min.css">

        <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_640143_35nn4j5xparwwmi.css">
        <title>首页</title>
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

</head>
    <style type="text/css">
        /*border-bottom: 1px solid #F0F0F0;*/
        .huadong .huabox {  margin:0 auto; width: 80%; line-height: 4rem;}
        .huadong .hdimg {float:left;line-height:3.5rem;}
        .huadong .hdimg img { width: 100%; vertical-align:middle;}
        .huadong h5 {font-size:1rem;float:left; line-height: 2.2rem; margin: 0.8rem 0 0 0; }
        .huadong .gg_more { float: left;}
        .huadong .gg_more a { font-size: 0.8rem; text-decoration:none;}

        .huadong .notice_active {
            float: left;
            width: 55%;
            height: 4rem;
            padding: 0;
            overflow: hidden;
            position: relative;
        }
        .huadong .notice_active li{list-style-type:none;line-height: 2.4rem;overflow: hidden;}
        /*.huadong .notice_active li.notice_active_ch {}*/
        .huadong .notice_active li.notice_active_ch span {color:#656972;font-size:1rem;display: block;overflow: hidden; width:80%;float: left;
            overflow: hidden;margin:0 0 2rem 0;}
        .huadong .gg_more .news_ck {
            float: left;
            margin: 0 1rem 0 1rem;
            color: #888;
            width: 5rem;
            height: 2rem;
            line-height: 2rem;
            display: block;
            border: 1px solid #656972;
            text-align: center;
            border-radius: 0.7rem;
            font-size: 0.8rem;
            margin-top: 1rem;
        }
        .huadong .gg_more .news_more {

        }
        .huadong .notice_active li.notice_active_ch em {text-align:right;float:right;color:#888;font-size:0.8rem;font-style:normal;  }
    </style>
<!-- 个人中心的容器 start -->
<body id="self">
    <div class="self_wrap home">
        <!-- banner start -->
       <!-- <div class="banner"></div>-->
        <div class="banner">
            <div class="swiper-container swiper-container-horizontal">
                <div class="swiper-wrapper">
                    <foreach name='slide' item='n'>
                    <div class="swiper-slide" style="width: 1280px;">
                        <img src="{$n.url}" />
                    </div>
                    </foreach>
                    <div class="swiper-pagination"></div>
                </div>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
        </div>
        <!-- 通知 -->
        <div class="notices wrap-padding huadong">
            <div layout="rows stretch-justify">
                <div class='left-icon'>
                    <span class="iconfont icon-laba001hover"></span>
                </div>
                <div self="size-x1" class='content notice_active'>
                    <ul style="">
                        <foreach name='notice' item='n'>
                            <li class="notice_active_ch">
                            <a>{$n.content}</a>
                            </li>
                            </foreach>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 通知结束 -->
        <!-- 通知结束 -->

        <!-- 转换比率 start-->
        <div class="transfer-rate wrap-padding">
           <div layout="rows center-center" style="height: 100%">
                <div>
                    <p class="title">种子兑换生命树所需粒数</p>
                    <p class="number">{$settings['rmb_hl']}</p>
                </div>
            </div>
        </div>
        <!-- 转换比率 end-->


        <div class='info wrap-padding'>
            <ul>
                <li class="item blue">
                    <div class='left-img'>
                        <img src='__PUBLIC__/dest/image/home_blue-left.png' />
                    </div>
                    <div layout="rows center-right" class="rows">
                        <div>
                            <p>可用种子<span class="left-bracket">(</span>个<span class="right-bracket">)</span></p>
                            <p class='number'>{$oob['jf']}</p>
                        </div>
                    </div>
                </li>
                <li class="item green">
                    <div class='left-img'>
                        <img src='__PUBLIC__/dest/image/home_green-left.png' />
                    </div>
                    <div layout="rows center-right" class="rows">
                        <div>
                            <p>流通的生命树<span class="left-bracket">(</span>棵<span class="right-bracket">)</span></p>
                            <p class='number'>{$oob['life_tree']}</p>
                        </div>
                    </div>
                </li>
                <li class="item purple">
                    <div class='left-img'>
                        <img src='__PUBLIC__/dest/image/home_purple-left.png' />
                    </div>
                    <div layout="rows center-right" class="rows">
                        <div>
                            <p>储存的生命树<span class="left-bracket">(</span>棵<span class="right-bracket">)</span></p>
                            <p class='number'>{$oob['ice_tree']}</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 导航区菜单 end -->
        <!-- 个人中心底部菜单 start -->
<div layout="row center-justify" id="foot-bar">
    <div self="size-x1" class="item active" onclick="jump('/index.php/Home/Index/index/')">
        <span class="iconfont icon-home"></span>
        <div class="title">首页</div>
    </div>
    <div self="size-x1" class="item" onclick="jump('/index.php/Home/Trade/index/')">
        <span class="iconfont icon-jiaoyi"></span>
        <div class="title">卖木材</div>
    </div>
    <div self="size-x1" class="item" onclick="jump('/index.php/Home/Info/tuiguangma/')">
        <span class="iconfont icon-fenxiang"></span>
        <div class="title">分享</div>
    </div>
    <div self="size-x1" class="item" onclick="jump('/index.php/Home/Info/myziliao/')">
        <span class="iconfont icon-user"></span>
        <div class="title">我的</div>
    </div>
</div>
<!-- 个人中心底部菜单 end -->

    </div>
   
</body>
<!-- 个人中心的容器 end -->

<script src="__PUBLIC__/dest/js/lib/jquery-3.3.1.min.js"></script>
<script src="__PUBLIC__/dest/js/lib/swiper-4.2.6.min.js"></script>
<script src="__PUBLIC__/dest/js/lib/global.js"></script>
<script src="__PUBLIC__/dest/js/lib/zepto.min.js"></script>
<script src="__PUBLIC__/dest/js/lib/zdialog.js"></script>
<script src="__PUBLIC__/dest/js/page/home.js"></script>
</html>